<!DOCTYPE html>
<html lang="en">
<head>
  <title>西湖论剑活动创意设计</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="./bootstrap/css/bootstrap.css">
  <script src="./bootstrap/js/bootstrap.bundle.js"></script>
  <link
  rel="stylesheet"
  href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
   />
  <script src="http://cdn.dowebok.com/131/js/wow.min.js"></script>
  <link rel="stylesheet" href="./Hover/css/hover.css">
</head>
<body
style="background-image: url(bg2.webp);background-attachment:fixed">
<style>

html,
    body {
        width: 100%;
        overflow-x: hidden;
        text-align: center;
        font-family: MingLiU;
        font-size: larger;
    }
    @media only screen and (max-width: 767px){
      html,
    body {
        width: 100%;
        overflow-x: hidden;
        text-align: center;
        font-family: MingLiU;
        font-size:small;
    }
    }
</style>
<!-- 灰色的水平导航栏在小型屏幕上变为垂直 -->
<nav class="navbar navbar-expand-sm bg-primary ">

  <div class="container-fluid">
    <!-- 链接 -->
    <ul class="navbar-nav">
      <li class="nav-item">
        <a class="nav-link" href="index.html">主页</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="AI.html">AI动漫角色生成</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="yyz.html">元宇宙展厅</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="else.html">其他活动策划</a>
      </li>
    </ul>
  </div>

</nav>

<div class="container p-5 my-5 border" >

  <div class="container-fluid mt-3 wow animate__animated animate__zoomIn" style="text-align: center;">
    <h3>元宇宙设计(因为项目在本地运行,暂时无法配置到网页中,本页面仅展示图片)</h3>
  </div>
</div>
<!-- 信息流 -->
<!-- 1 -->
<div class="container p-5 my-5 border" >
  <div class="container-fluid wow animate__animated animate__zoomIn">
    <div class="row">
      <div class="col-sm-6">
        <div class="row">
          <div class="col-sm-12 wow animate__animated animate__zoomInLeft">
            <img src="./yyz/1.png" alt="Wuhan" class="d-block hvr-grow-shadow" style="width:90%">
          </div>
          <div style="text-align: center;" class="col-sm-12 wow animate__animated animate__flipInX hvr-shutter-out-horizontal">
            <h3>1.NFT货币部分</h3>
        </div>
        </div>
      </div>
      <div class="col-sm-6 wow animate__animated animate__zoomInRight hvr-shutter-out-horizontal">
        元宇宙创意项目会进行NFT数字产品的免费发放，实现大会的对外宣传，以此来提高大会的知名度。发放方式如下：1与网安超话相结合进行一部分发放。2独立通过平台和链接发放。具体途径可通过线上和线下进行（线下进行扫码等方式进行领取）。
      </div>  
    </div>
  </div>
</div>
<!-- 2 -->
<div class="container p-5 my-5 border " >
  <div class="container-fluid wow animate__animated animate__zoomIn">
    <div class="row">
      <div class="col-sm-6">
        <div class="row">
          <div class="col-sm-6 wow animate__animated animate__zoomInLeft">
            <img src="./yyz/2.1.png" alt="Wuhan" class="d-block hvr-grow-shadow" style="width:90%">
          </div>
          <div class="col-sm-6 wow animate__animated animate__zoomInLeft">
            <img src="./yyz/2.2.png" alt="Wuhan" class="d-block hvr-grow-shadow" style="width:90%">
          </div>
          <div style="text-align: center;" class="col-sm-12 wow animate__animated animate__flipInX hvr-shutter-out-horizontal">
            <h3>2.元宇宙社区</h3>
          </div>
          <div style="text-align: center;" class="col-sm-12 wow animate__animated animate__flipInX">
            <h4>（图片为大会参与者在访问元宇宙社区）</h4>
          </div>
        </div>
      </div>
      <div class="col-sm-6 wow animate__animated animate__zoomInRight hvr-shutter-out-horizontal">
        创意项目计划搭建的西湖论剑元宇宙社区类似于目前已有的the sandbox 等社区。参与者将以虚拟的人物形态在线上社区进行体验。社区将包含不同区域，分别实现线上会议功能，活动展览功能和对抗游戏功能。
      </div>  
    </div>
  </div>
</div>
<!-- 3 -->
<div class="container p-5 my-5 border " >
  <div class="container-fluid wow animate__animated animate__zoomIn">
    <div class="row">
      <div class="col-sm-6">
        <div class="row">
          <div class="col-sm-6 wow animate__animated animate__zoomInLeft">
            <img src="./yyz/3.1.png" alt="Wuhan" class="d-block hvr-grow-shadow" style="width:90%">
          </div>
          <div class="col-sm-6 wow animate__animated animate__zoomInLeft">
            <img src="./yyz/3.2.jpg" alt="Wuhan" class="d-block hvr-grow-shadow" style="width:90%">
          </div>
          <div style="text-align: center;" class="col-sm-12 wow animate__animated animate__flipInX hvr-shutter-out-horizontal" >
            <h3>3.线上会议</h3>
          </div>
        </div>
      </div>
      <div class="col-sm-6 wow animate__animated animate__zoomInRight hvr-shutter-out-horizontal">
        采用元宇宙线上会议的形式，让更多参会者和圈外人士能够进行参与交流，提高会议效率，同时分担线下实体会议的压力。此外，将会议在元宇宙社区与外部媒体内进行直播与回放，让会议的热度进一步增加。
      </div>  
    </div>
  </div>
</div>
<!-- 4 -->
<div class="container p-5 my-5 border " >
  <div class="container-fluid wow animate__animated animate__zoomIn">
    <div class="row">
      <div class="col-sm-6">
        <div class="row">
          <div class="col-sm-12 wow animate__animated animate__zoomInLeft">
            <img src="./yyz/4.png" alt="Wuhan" class="d-block hvr-grow-shadow" style="width:90%">
          </div>
          <div style="text-align: center;" class="col-sm-12 wow animate__animated animate__flipInX hvr-shutter-out-horizontal">
            <h3>4.活动展览</h3>
          </div>
        </div>
      </div>
      <div class="col-sm-6 wow animate__animated animate__zoomInRight hvr-shutter-out-horizontal">
        在元宇宙社区设置部分项目的线上展览，将项目在虚拟平台上进行直观呈现。一方面提高会议热度，另一方面让参与者能直接获得项目的一手信息和直观理解，提高信息获取效率，减少理解成本。
      </div>  
    </div>
  </div>
</div>
<!-- 5 -->
<div class="container p-5 my-5 border " >
  <div class="container-fluid wow animate__animated animate__zoomIn">
    <div class="row">
      <div class="col-sm-6">
        <div class="row">
          <div class="col-sm-6 wow animate__animated animate__zoomInLeft">
            <img src="./yyz/5.1.jpg" alt="Wuhan" class="d-block hvr-grow-shadow" style="width:90%">
          </div>
          <div class="col-sm-6 wow animate__animated animate__zoomInLeft">
            <img src="./yyz/5.2.png" alt="Wuhan" class="d-block hvr-grow-shadow" style="width:90%">
          </div>
          <div style="text-align: center;" class="col-sm-12 wow animate__animated animate__flipInX hvr-shutter-out-horizontal">
            <h3>5.对抗游戏</h3>
          </div>
        </div>
      </div>
      <div class="col-sm-6 wow animate__animated animate__zoomInRight hvr-shutter-out-horizontal">
        在元宇宙社区设置部分项目的线上展览，将项目在虚拟平台上进行直观呈现。一方面提高会议热度，另一方面让参与者能直接获得项目的一手信息和直观理解，提高信息获取效率，减少理解成本。
      </div>  
    </div>
  </div>
</div>
<script lang="javascript">
  new WOW().init();
</script>
</body>
</html>
